<template>
  <div>
    <div>
	<span>
	店铺ID/名称： <el-input style="width: 200px;" v-model='username'></el-input>
	</span>
	<span>
	用户ID/昵称 ：<el-input style="width: 150px;" v-model='username'></el-input>
	</span>
	<span>
	状态：   <el-select v-model="userstate" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
	</span>
	<span>
		提现单号：<el-input style="width: 200px;" v-model='usernum'></el-input>
	</span><br>
	<span>
		    <span class="demonstration">申请日期：</span>
    <el-date-picker
      v-model="value2"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>
	</span>
	<span style="margin-left: 10px;">
			<el-button type="primary" size="mini">查询</el-button>
			<el-button type="success" size="mini">重置</el-button>
	</span>
	</div>
	<div>
		    <el-table
		      :data="tableData"
		      style="width: 100%">
		      <el-table-column
		        prop="date"
		        label="交易类型"
		        width="180">
		      </el-table-column>
		      <el-table-column
		        prop="name"
		        label="店铺ID/用户ID"
		        width="180">
		      </el-table-column>
		      <el-table-column
		        prop="address"
		        label="店铺名称/昵称">
		      </el-table-column>
			  <el-table-column
			    prop="name"
			    label="提现单号"
			    width="180">
			  </el-table-column>
			  <el-table-column
			    prop="name"
			    label="提现金额"
			    width="180">
			  </el-table-column>
			  <el-table-column
			    prop="name"
			    label="申请提现时间"
			    width="180">
			  </el-table-column>
			  <el-table-column
			    prop="name"
			    label="状态"
			    width="180">
			  </el-table-column>
			  <el-table-column
			    prop="name"
			    label="提现时间"
			    width="180">
			  </el-table-column>
			  <el-table-column
			    prop="name"
			    label="提现备注"
			    width="180">
			  </el-table-column>
			  <el-table-column>
				  <el-button type="primary" size="mini" @click="dialogVisible = true">处理</el-button>
			  </el-table-column>
		    </el-table>
	</div>
	<el-dialog
	  title="提示"
	  :visible.sync="dialogVisible"
	  width="30%"
	  :before-close="handleClose">
	  <span>确认用户/商户“xxxxx”提现申请已打款</span></br>
	 <span style="font-size: 20px;">备注：</span> 
	  <div>
		<textarea rows="5px" cols="60px"></textarea>
	  </div>
	  <span slot="footer" class="dialog-footer">
	    <el-button @click="dialogVisible = false">取 消</el-button>
	    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
	  </span>
	</el-dialog>
  </div>
</template>

<script>
export default {
 data() {
 	return{
		username:"asd",
		userstate:'',
		usernum:'430921199801110034',
		dialogVisible:false,
		options: [{
		          value: '选项1',
		          label: '在线'
		        }],
				value:'',
				value2:'',
		tableData: [{
		            date: '2016-05-02',
		            name: '王小虎',
		            address: '上海市普陀区金沙江路 1518 弄'
		          }]
	}
 },
 methods:{
 	handleClose(){
 		this.$confirm('确认关闭？')
 		try{
 			
 		}catch(err){
 			//TODO handle the exception
 		}
 	}
 }
 
}
</script>

<style>

</style>
